<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>团队成员管理</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
    <!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div id="left">
	<!--菜单文件从最下面load读取 ../public/mainLeft.html-->
</div>
<div class="main-right container-fluid" id="mainRight">
    <div class="container-fluid">
        <div class="search-bar">
			<div class="text-right">
				<a class="btn btn-success" data-toggle="modal" data-target="#addGroup">添加分组</a>
			</div>
        </div>
        
        	<div class="mylist">
	        	<table class="table table-hover" border="0" cellpadding="0" cellspacing="0">
	                <thead>
	                    <tr>
	                        <th>分组名称</th>
	                        <th>分组人数</th>
	                        <th>分组备注</th>
	                        <th>更新时间</th>
	                        <th>操作</th>
	                    </tr>
	                </thead>
	                <tbody>
	                	<tr>
	                		<td>
	                			猎头顾问
	                		</td>
	                		<td>12</td>
	                		<td>需要确定人选</td>
	                		<td>2015-05-06  11:15:12</td>
	                		<td>
	                			<div class="btn-group">
								  <button  type="button" class="btn btn-primary"  data-toggle="modal" data-target="#quanxianEdit">权限设置</button>
								  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
								    <span class="caret"></span>
								  </button>
								  <ul class="dropdown-menu" role="menu">
								    <li><a  href="#" data-toggle="modal" data-target="#addGroup">修改</a></li>
								    <li><a href="#" onclick="$.alert('删除成功');$(this).parents('tr').remove();">删除</a></li>
								  </ul>
								</div>
	                		</td>
	                	</tr>
	                	<tr>
	                		<td>
	                			猎头顾问
	                		</td>
	                		<td>12</td>
	                		<td>需要确定人选</td>
	                		<td>2015-05-06  11:15:12</td>
	                		<td>
	                			<div class="btn-group">
								  <button  type="button" class="btn btn-primary"  data-toggle="modal" data-target="#quanxianEdit">权限设置</button>
								  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
								    <span class="caret"></span>
								  </button>
								  <ul class="dropdown-menu" role="menu">
								    <li><a data-toggle="modal" data-target="#addGroup" href="#">修改</a></li>
								    <li><a href="#"  onclick="$.alert('删除成功');$(this).parents('tr').remove();">删除</a></li>
								  </ul>
								</div>
	                		</td>
	                	</tr>
	                </tbody>
	            </table>
            </div>
    </div>
    
    
    


<!-- Modal -->
<div class="modal fade" id="quanxianEdit" tabindex="-1" role="dialog" >
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">权限设置</h4>
      </div>
      <div class="modal-body">
	
	<div class="alert alert-success" role="alert">
		<strong>成员&nbsp;&nbsp;</strong>张三 李四 五五
	</div>
	
	<div class="quanxian clearfix">
		<header class="page-header"><strong>关于项目管理</strong>&nbsp;&nbsp;<a href="#" class="JSquanxuan">全选</a></header>
		<ul class="list-unstyled">
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
		</ul>
	</div>
	<div class="quanxian clearfix">
		<header  class="page-header"><strong>关于项目管理</strong>&nbsp;&nbsp;<a href="#" class="JSquanxuan">全选</a></header>
		<ul class="list-unstyled">
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
			<li><label><input type="checkbox" />推荐候选人</label></li>
		</ul>
	</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="$.alert('权限设置成功')">确定</button>
      </div>
    </div>
  </div>
</div>
    
</div>


<!--添加分组弹窗-->
<div class="modal fade" id="addGroup" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加分组</h4>
      </div>
      <div class="modal-body">
       	<div class="form-horizontal">
			<div class="form-group">
				<label for="" class="control-label col-md-3">分组名称</label>
				<div class="col-md-8">
					<input type="text" class="form-control" />
				</div>
			</div>
			<div class="form-group">
				<label for="" class="control-label col-md-3">分组成员</label>
				<label for="" class="control-label col-md-8 text-left">张三、李四、王五 （点修改分组时显示）</label>
			</div>
			<div class="form-group">
				<label for="" class="control-label col-md-3">备注</label>
				<div class="col-md-8">
					<textarea name="" rows="3" class="form-control" cols=""></textarea>
				</div>
			</div>
       	</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">确认</button>
      </div>
    </div>
  </div>
</div>


<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/bootbox.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		//读取共用的左侧文件
		$('#left').load('../public/mainLeft.html .main-left');
	})
</script>
</body>
</html>
